// pages/categories/building/building.js
const app = getApp()
import { request } from '../../../../utils/api'
import Dialog from '../../../../vant/dialog/dialog';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // activeNames: ['0'],
    // 自定义nav
    statusBarHeight1: app.globalData.statusBarHeight+45,
    // show: false,
    // statusBarHeight1: app.globalData.statusBarHeight+45,
    // 遮罩层开关
    isShow: true,
    // 小箭头
    dowOrUp: true,
    // 全新 最热 最新 切换兰 控制
    active: 0,
    // 设计实战 宫格数据
    designGrid: [],
    
    // 一级分类 下拉菜单数据
    oneTypeList: [
      { text: '全部商品', value: 0 },
      { text: '新款商品', value: 1 },
      { text: '活动商品', value: 2 },
    ],
    // 当前显示的一级分类
    showOne: '',
    // 当前显示的二级分类
    showTwo: '',
    // 搜索内容
    search: '',
    // 书的分类   全部  都传2   另两个选谁谁传2
    remen: '2',
    tuijian: '2',
    // 书籍列表
    bookList: [],
    // 图片基础路径
    imgBaseUrl: app.globalData.imgBaseUrl,
    // 搜索弹框开关
    showSearch: false,
    // 数据页数
    pageNum: 1,
    // 是否加载更多
    isLoad: true

  },
 
  // 搜索按钮事件
  onShowSearch() {
    this.setData({
      showSearch: true
    })
  },
  // 搜索框输入事件
  onInp(e) {
    this.setData({
      search: e.detail.value
    })
  },
  // 确认搜搜
  goSearch() {
    // console.log('搜索');
    if(!this.data.search) {
      wx.showToast({
        title: '请输入书籍名称',
        icon: 'none'
      })
      return
    }
    this.setData({
      bookList: []
    })
    this.getBookList(this.data.showTwo)
    this.setData({
      search: ''
    })
  },
  // 弹出窗取消
  onCancle() {
    this.setData({
      search: ''
    })
  },
  // 返回
  goBack() {
    wx.navigateBack({
      delta: 1
    })
  },
  // 选择二级分类
  onTwo(e) {
    console.log(e);
    this.setData({
      showTwo: e.currentTarget.dataset.twoid,
      // 初始化请求桉树
      pageNum: 1,
      isLoad: true,
      bookList: []
    })
    this.getBookList(e.currentTarget.dataset.twoid)
  },
  // 点击设计实战  显示遮罩层
  // onShow1() {
  //   console.log(111);
  //   this.setData({
  //     isShow: !this.data.isShow,
  //     dowOrUp: !this.data.dowOrUp
  //   })
  // },

  // 跳转到书详情
  goDetail(e) {
    console.log(e);
    wx.getStorage({
      key: 'userInfo',
      success: (res) => {
        console.log(res);
        wx.navigateTo({
          url: '/pages/index/goods/goodsDetail/goodsDetail?bookId='+e.currentTarget.dataset.bookid,
        })
      },
      fail: (res1) => {
      Dialog.confirm({
          title: '提示',
          confirmButtonText: '立即登录',
          message: '您暂未登录或登录已过期，请先登录才能更好的体验',
        })
        .then(() => {
          wx.redirectTo({
            url: '/pages/login/login',
          })
        })
        .catch(() => {
          // on cancel
          Dialog.close()
        });
       
      }
    })
    
  },
  // 最新  最热  切换兰事件
  onChange(event) {
    console.log(event);
    // event.detail.title
    if(event.detail.title == '全部') {
      this.setData({
        remen: '2',
        tuijian: '2',
        // 初始化请求桉树
        pageNum: 1,
        isLoad: true,
        bookList: []
      })
    }
    if(event.detail.title == '最新') {
      this.setData({
        remen: '0',
        tuijian: '2',
        // 初始化请求桉树
        pageNum: 1,
        isLoad: true,
        bookList: []
      })
    }
    if(event.detail.title == '最热') {
      this.setData({
        remen: '2',
        tuijian: '0',
        // 初始化请求桉树
        pageNum: 1,
        isLoad: true,
        bookList: []
      })
    }
    this.getBookList(this.data.showTwo)
  },
  // 获取一级分类
  getOneType(one) {
    request({
      url: '/zhongyisheji-applet/lookBook/public/getBootType1',
      method: 'post',
      data: {}
    }).then(res => {
      // console.log(res);

      if(res.code == 200) {
        let arr = []
        res.data.filter(item=> {
          let obj = {}
          obj.text = item.varietyName
          obj.value = item.id
          arr.push(obj)
        })
        this.setData({
          oneTypeList: arr,
        })
        this.getTwoType(one)
      }
    })
  },
  // 获取二级分类
  getTwoType(one) {
    request({
      url: '/zhongyisheji-applet/lookBook/public/getBootType2',
      method: 'post',
      data: {
        type: one
      }
    }).then(res => {
      // console.log('二级分类',res);
      if(res.code == 200) {
        let arr = []
        res.data.filter(item=> {
          let obj = {}
          obj.title = item.varietyName
          obj.url = item.icon
          obj.id = item.id
          arr.push(obj)
        })
        this.setData({
          designGrid: arr,
        })
      }
    })
  },
  // 获取书籍列表
  getBookList(two) {
    request({
      url: '/zhongyisheji-applet/lookBook/public/getBookByTypeId',
      method: 'post',
      data: {
        pageNum: this.data.pageNum,
        pageSize: '8',
        typeId: two,
        ifRecommend: this.data.tuijian,
        ifHot: this.data.remen,
        bookName: this.data.search
      }
    }).then(res => {
      console.log('书籍',res);
      if(res.code == 200) {
        if(res.data.records.length == 0) {
          this.setData({
            isLoad: false
          })
          wx.showToast({
            title: '没有更多数据了...',
            icon: 'none'
          })
          return
        }
        this.setData({
          bookList: [...this.data.bookList, ...res.data.records]
        })
      }
    })
  },
  // 一节分类变化事件
  onOneType(e) {
    console.log(e.detail);
    this.getTwoType(e.detail)
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options);
    // 获取二级分类  在一级分类获取成功后再发起  不然同时发起会铸错
    this.getOneType(options.one)
    // this.getTwoType()
    this.getBookList(options.two)
    this.setData({
      showOne: options.one-0,
      showTwo: options.two
    })
   
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if(!this.data.isLoad) {
      return
    }
    this.setData({
      pageNum: this.data.pageNum + 1
    })
    this.getBookList()
  },

  /**
   * 用户点击右上角分享
   */
  // onShareAppMessage: function () {

  // }
})